<template>
    <div>
        <headerSearch :title="headerTitle" :noBack="true" @done="share"></headerSearch>
        <div class="pagecontent">
        <div class="main-visiting_card clear" style="background-color: beige;" >
              <div class="visiting_card_left fl">
                  <!-- <h2>{{userInfo.username}}</h2> -->
                  <p style="margin-bottom: inherit;">广州卓天网络科技有限公司</p>
                    <div><p style="margin-left: 48%;border-bottom: double;">姓名:张三</p></div>
                    <div><p style="margin-left: 48%;width: 100%;margin-bottom: 13%;">职位:UI设计师</p></div>    
                  <p>公司地址:广州市天河区软件路11号二期D栋502</p>
                  <p>公司电话:131-1230-8868</p>
              </div>
              <div class="visiting_card_right fr">
                  <!-- <img :src="this.$path + this.avatar" ref="userImg" v-if="this.$path + this.avatar"> -->
                  <img src="../common/images/cir_05.jpg" alt="">
              </div>
          </div>

        </div>
    </div>
</template>

<script>
import headerSearch from '../public/header-search.vue';
    export default {
        data() {
            return {
                headerTitle: '分享名片'
            }
        },
        components: {
            headerSearch,
        },
        created() {
            
        },
        methods: {
			
            share() {
                
            }
        }
    }
</script>

<style scoped>
.main-visiting_card {
    width: 7.2rem;
    height: 3.2rem;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 3px #eee;
    box-shadow: 0 1px 2px 3px #eee;
    margin: 4.2rem auto;
}
.visiting_card_left {
    width: 72%;
   
}
</style>